<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="css/record.css"/>
</head>

<body>
<div class="nav-top-wrap">
    <ul class="nav-top">
        <li class="nav">
            <a href="zhushouye.html">首页</a>
        </li>
        <li class="nav">
            <a href="law-index.html">海洋法</a>
        </li>
            <img src="img/logo.png" alt="">
        <li class="nav">
            <a href="child.html">走进海洋</a>
        </li>
        <li class="nav">
            <a href="wode.html">个人中心</a>
        </li>
    </ul>
</div>
<div class="color" style="height: 50px;width: 100%;background-color: #027acb;">

</div>
<div class="J_banner J_banner1">
    <ul class="img">
        <li>
            <img src="img/index-bg1.jpg" alt="">
        </li>
        <li>
            <img src="img/index-bg2.jpg" alt="">
        </li>
        <li>
            <img src="img/index-bg3.jpg" alt="">

        </li>
    </ul>
    <ul class="pointer"></ul>
    <!-- 点 -->
    <a class="cut prev">
        <</a>
    <!-- 上一张 -->
    <a class="cut next">></a>
    <!-- 下一张 -->
</div>
<div class="tt">
    <div class="article">
        <h1>
            <img src="img/fish.jpg" alt=""/>
            海洋法介绍 Law of the sea is introduced
        </h1>
        <p>国际海洋法公约任妥为顾及所有国家主权的情形下，为海洋建立一种去律秋序，以便利国际交通和促进海洋的和下用途。海洋资源的公中而有效的利用，海洋生物资源的养护 及 研究、保户和保全海洋环境。
        </p>
        <p>海洋白然保护区是针对某种海洋保护对象划定的海域岸設和海岛区建立海洋白然保护区是保护海洋生物多样性利防上海洋生态环境恶化 的最为与效的手段之一。
        </p>
    </div>
    <hr/>
    <!--category分类图片-->
    <div class="category">
        <div class="category-m"><img src="img/category-1.png" alt=""/>
            <a href="jilupian.html">纪录片</a></div>
        <div class="category-m"><img src="img/category-2.png" alt=""/>
            <a href="law-teach.html">课堂讲授</a></div>
        <div class="category-m"><img src="img/category-3.png" alt=""/>
            <a href="#">海的声音</a></div>



    </div>
</div>

<footer>
    <div class="footer-bg">
        <p>版权声明</p>
    </div>
</footer>


<script src="js/jQuery-1.10.2.js"></script>
<script src="js/Myapi.js"></script>
<script type="text/javascript">
    $(function () {

        var myApi1 = new Myapi();
        myApi1.JSON.lagout($('.J_banner1'), 2000, 0);

        var myApi2 = new Myapi();
        myApi2.JSON.lagout($('.J_banner2'), 1000, 10);

        var myApi3 = new Myapi();
        myApi3.JSON.lagout($('.J_banner3'), 3000, 20);

    })
</script>

</body>

</html>